$(function () {
    layer = layui.layer
    initArtCateList()

    //获取文章分类的数据
    function initArtCateList() {
        $.ajax({
            method: 'GET',
            url: '/my/article/cates',
            success: function (res) {
                const htmlStr = template('tpl-table', res)
                $('tbody').html(htmlStr)
            }
        })
    }

    //为添加类别按钮绑定点击事件
    let indexAdd = null
    $('#btnAddCate').on('click', function () {
        indexAdd = layer.open({
            type: 1,
            area: ['500px', '250px'],
            title: '添加文章分类',
            //form表单结构模板的值
            content: $('#dialog-add').html()
        })
    })

    //提交添加的表单
    $('body').on('submit', '#form-add', function (e) {
        console.log(1);
        e.preventDefault()
        $.ajax({
            method: 'POST',
            url: '/my/article/addcates',
            data: $(this).serialize(),
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg('新增分类失败！')
                }
                initArtCateList()
                layer.msg('新增分类成功！')
                layer.close(indexAdd)
            }
        })
    })

    //为编辑类别按钮绑定点击事件
    let indexEdit = null
    $('tbody').on('click', '#edit-btn', function () {
        indexEdit = layer.open({
            type: 1,
            area: ['500px', '250px'],
            title: '添加文章分类',
            content: $('#dialog-edit').html()
        })

        const id = $(this).data('id')
        $.ajax({
            method: 'GET',
            url: '/my/article/cates/' + id,
            success: function (res) {
                layui.form.val('form-edit', res.data)
            }
        })
    })

    //提交编辑的表单数据
    $('body').on('submit','#form-edit',function(e) {
        e.preventDefault()
        $.ajax({
            method : 'POST',
            url : '/my/article/updatecate',
            data : $(this).serialize(),
            success : function(res) {
                if (res.status !==0) {
                    return layer.msg('更新分类数据失败！')
                }
                layer.msg('更新分类数据成功！')
                layer.close(indexEdit)
                initArtCateList()
            }
        })
    })

    //为删除按钮绑定点击事件
    $('tbody').on('click','#btn-delete',function() {
        const id =$(this).data('id')
        layer.confirm('确认删除?', {icon: 3, title:'提示'}, function(index){
            //do something
            $.ajax({
                method : 'GET',
                url : '/my/article/deletecate/' + id,
                success : function(res) {
                    if (res.status !== 0 ) {
                        return layer.msg('删除分类失败！')
                    }
                    layer.msg('删除分类成功！')
                    layer.close(index);                             //index?
                    initArtCateList()
                }
            })
            
            
          });
    })
})